<div class="social-share-container">
  <div class="share-toolbar common-toolbar-row">
    <ul class="share-list">
      <li class="share-common-item share-item" (click)="share('wechat',0)">
        <img class="icon" src="./assets/imgs/share/wechat.svg" alt="">
        <p>微信</p>
      </li> 
      <li class="share-common-item share-item" (click)="share('wechat',1)">
        <img class="icon" src="./assets/imgs/share/friends.svg" alt="">
        <p>朋友圈</p>
      </li>
      <li class="share-common-item share-item" (click)="share('qq')">
        <img class="icon" src="./assets/imgs/share/qq.svg" alt="">
        <p>QQ</p>
      </li>
      <li class="share-common-item share-item" (click)="share('qq')">
        <img class="icon" src="./assets/imgs/share/qqzoom.svg" alt="">
        <p>QQ空间</p>
      </li>
      <li class="share-common-item share-item" (click)="share('weibo',0)">
        <img class="icon" src="./assets/imgs/share/weibo.svg" alt="">
        <p>微博</p>
      </li>
    </ul>
  </div>
  <div class="other-toolbar common-toolbar-row">
    <ul class="other-list">
      <li class="share-common-item other-item">
        <img class="icon" src="./assets/imgs/share/play.svg" alt="">
        <p>试看</p>
      </li>
      <li class="share-common-item other-item">
        <img class="icon" src="./assets/imgs/share/money.svg" alt="">
        <p>购买</p>
      </li>
    </ul>
  </div>
  <div class="cancel-toolbar common-toolbar-row">
    <button (click)="bindCancel()">取消</button>
  </div>
</div>